<template>
	<!-- Vue3中，组件不需要根标签了 -->
	<h1>App</h1>
	<!-- 
    vue3没有.sync，使用v-model
      v-model给普通DOM元素绑定，绑定value属性和input事件
      v-model给组件绑定：
        给组件传递props数据：modelValue
        给组件传递自定义事件：update:modelValue

      v-model="count" 只能设置一个

      v-model:xxx="xxx" 可以设置多个
        给组件传递props数据：xxx
        给组件传递自定义事件：update:xxx
   -->
	<!-- <AComp v-model="count" /> -->
	<AComp v-model:count="count" />
</template>

<script>
import AComp from "./AComp.vue";

export default {
	name: "App",
	components: {
		AComp,
	},
	data() {
		return {
			count: 0,
		};
	},
};
</script>

<style></style>
